草庐IT

HTML5 新元素

全部标签

javascript - html2canvas 屏幕截图捕获当前窗口,而不是整个主体

试图在javascript中捕获整个页面主体(包括用户填写的字段)的屏幕截图,但html2canvas仅捕获当前窗口,即使我将高度设置为一个巨大的数字。html2canvas网站示例似乎具有我想要的功能,但我无法理解它们的不同之处。ClickMe!$("#pdfbutton").click(function(){html2canvas(document.body,{onrendered:function(canvas){//document.body.appendChild(canvas);varimg=canvas.toDataURL("image/png");console.log

javascript - javascript 对象的元素是否按特定顺序初始化?

我有一个这样的函数:parsers[1]=function(buf){return{type:"init",name:buf.readUTF8String(),capacity:buf.readUInt32(),port:buf.readUInt16()};}我能保证name、capacity和port会依次初始化吗?否则,将以错误的顺序读取缓冲区。我当然可以依靠:parsers[1]=function(buf){varret={type:"init"};ret.name=buf.readUTF8String();ret.capacity=buf.readUInt32();ret.po

javascript - 使用 imacro 删除元素

首先,我是imacros的新手,我试图在随机站点中使用imacro从页面中删除一个元素,为此我尝试使用javascript,这会引发.remove()不是函数。以下是我一直在尝试的一段代码:varmacro="";macro+="SET!DATASOURCEmobidomains2.csv";macro+="SET!DATASOURCE_COLUMNS1";macro="SAVEASTYPE=PNGFOLDER=*FILE={{!COL1}}";window.content.document.getElementsByClassName("results-explained").rem

javascript - VueJS 在内联模板组件中重新编译 HTML

我已经将bootstrapTable(https://github.com/wenzhixin/bootstrap-table)包装到一个指令中,如下所示:Vue.directive('bootstraptable',{priority:1000,params:['url','resource-name'],bind:function(){var_self=this;$(this.el).bootstrapTable({pagination:true,pageSize:15,pageList:[],sidePagination:'server',url:this.params.url,

javascript - Gulp-inject 说 "Nothing to inject into index.html"

我试图在我的索引中注入(inject)一些文件,所有这些文件都连接并缩小到一个.tmp文件夹中,如下所示:gulp.task('prep-js',['clean'],function(){varjspath='./src/page/**/*.js';vartreatJs=gulp.src(jspath).pipe(plugins.concat('scripts.js')).pipe(plugins.uglify()).pipe(gulp.dest('.tmp/page/js'))});但是当我运行注入(inject)任务时,它显示“没有任何东西可以注入(inject)到index.ht

javascript - 从组件文件和 View 模型生成原始 HTML 字符串

我们有这样一个模板。the-template.html${Foo}我们想用它来做这件事。some-file.tslethtmlString=makeItHappen('the-template.html',{Foo='bar'});console.info(htmlString);//bar什么是我们的makeItHappen函数的等价物? 最佳答案 好的,这是要点:https://gist.run/?id=d57489d279b69090fb20938bce614d3a以下是防止丢失的代码(带有注释):import{bindabl

javascript - 自定义元素/Web 组件可以与 SVG 一起使用吗?

对于CustomElements我可以这样做:classMyElementextendsHTMLElement{}我可以对SVG元素做同样的事情吗?喜欢classMyOwnRectangleextendsSVGRectElement{}如果可以,能麻烦谁给个jsbin吗?如果不是,为什么不呢?这有一些非常好的用例,例如能够在元素本身中存储model数据。SVG操作主要用于2个主要领域:动画图表,如ER、组织结构图、流程等。类似JointJS的图书馆有自己的类形式的抽象(它扩展了主干View)来存储与View(屏幕上的SVG图)关联的模型数据。就像WebComponents最终可以以标准

javascript - ngRepeat with ngAnimate 在我的元素上设置 "data-ng-animate= 2"

我不知道为什么ngRepeat在我的元素上添加了data-ng-animate=2属性。为什么会这样?我这样写:我明白了:谢谢! 最佳答案 正如您在thesourcecodehere中看到的那样data-ng-animate属性用于跟踪动画的状态:varPRE_DIGEST_STATE=1;varRUNNING_STATE=2;所以基本上它只是在元素本身上存储它自己的动画状态。在您的情况下(2)它正在运行。如果您跟随NG_ANIMATE_ATTR_NAME浏览该文件,您可以跟随它添加、更新和最终从元素中删除。

javascript - Firefox WebExtension,独立的 HTML 覆盖

我正在寻找一种使用WebExtensions在某些网站上显示独立叠加层的方法。iframe似乎是解决此问题的方法,因为它为css、js和DOM提供了一个完整的独立范围。另一件好事是目标网站将无法读取或更改内容。在Chrome扩展中似乎没有任何问题,但在Firefox中使用WebExtensions,即使它们共享相同的语法,我也会收到安全警告/错误并且它不起作用。我尝试了两种不同的方法:创建一个没有src属性的iframe并将其注入(inject)网站主体。此方法失败,因为我在执行iframe.contentWindow.document.open()时收到CSP错误/警告。相关内容脚本

javascript - 使用 casper 进行实时聊天抓取(Youtube)。选择 polymer 元素的问题

我正在尝试使用casper从youtube实时聊天提要中抓取文本。我在选择正确的选择器时遇到问题。每条被推出的新消息都有许多嵌套元素和动态生成的元素。如何才能不断地拉动嵌套的somemessage当它们发生时?我目前似乎连一个都抓不到!这是我的测试代码:注意:您可以替换任何具有实时聊天提要的YouTube网址。constcasper=require("casper").create({viewportSize:{width:1080,height:724}});constua='Mozilla/5.0(WindowsNT6.1;Win64;x64;rv:47.0)Gecko/20100